@import 'basicColor';
//menu
// .el-menu {
//   font-family: MicrosoftYaHei;
//   //background: $bgWhiteColor;
//   background: #344058;
//   text-align: left;
//   border-right: none;
// }
// .el-menu-item-group__title {
//   height: 0;
//   line-height: 60px;
//   font-size: 14px;
//   font-weight: 400;
//   color: rgb(255, 255, 255);
//   padding: 0 30px !important;
// }
// li.el-menu-item {
//   font-size: 14px;
//   height: 40px;
//   line-height: 40px;
//   padding: 0 30px !important;
//   color: rgb(255, 255, 255);
// }
// li.el-menu-item.is-active {
//   color: $bgWhiteColor;
//   background: #1E9FFF;
//   padding: 0 30px 0 30px !important;
//   //border-left: 3px solid #1E9FFF;
// }
// .el-submenu__title:hover,
// .el-menu-item:focus,
// .el-menu-item:hover {
//   background-color: #242D3D;
// }

//选择器样式
.el-input__inner {
  padding: 0 10px;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 0;
  text-align: justify;
  border: 1px solid #d9d9d9;
  &:hover {
    border: 1px solid #d9d9d9;
  }
  &:focus,
  &:active {
    border: 1px solid #337dff;
    color: #333333;
  }
}
.el-input__inner::-webkit-input-placeholder {
  color: #bbbbbb;
}
.el-input__inner::-ms-input-placeholder {
  color: #bbbbbb;
}
.el-input__inner::placeholder {
  color: #bbbbbb;
}
//选择器下拉选项样式
.el-select {
  .el-input__inner:hover {
    border: 1px solid #d9d9d9;
  }
}
.el-select-dropdown {
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  .el-select-dropdown__item {
    font-size: 12px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #333333;
    &.selected {
      font-weight: normal;
      background-color: #f5f8ff;
      color: $primaryColor !important;
    }
    &:hover {
      background-color: #f5f8ff;
    }
    &.hover {
      background-color: #f5f8ff;
    }
  }
}
.el-select-dropdown .el-select-dropdown__item.selected {
  background: $bgWhiteColor;
}

//搜索框样式
.el-input-group {
  width: 235px;
  .el-input__inner {
    width: 200px;
    border-radius: 2px 0 0 2px;
    padding: 0 10px;
  }
  .el-input-group__append {
    border-radius: 0 2px 2px 0;
  }
}
.el-input--small {
  font-size: 12px;
}
.el-input-group__append {
  border-radius: 0 2px 2px 0;
  .el-button {
    width: 36px;
    height: 32px;
  }
  .btnOn {
    background-color: $primaryColor;
    border: 1px solid $primaryColor;
  }
  .btnOff {
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa;
  }
}

//日期选择样式
.el-date-editor--daterange.el-input__inner {
  width: 400px;
}
.el-date-editor {
  .el-range__icon {
    font-size: 12px;
    position: absolute;
    right: 9px;
    bottom: 0px;
    top: 2px;
  }
  .el-range__close-icon {
    font-size: 14px;
    position: absolute;
    right: 9px;
    bottom: 0px;
    top: 2.2px;
    cursor: pointer;
  }
  .el-range-input {
    width: 20%;
    font-size: 12px;
    color: #333333;
  }
}
.el-range-editor--small .el-range-separator {
  font-size: 12px;
}

.el-date-range-picker__content {
  padding: 0 21px 9px 21px;
}
.el-date-range-picker__content .el-date-range-picker__header div {
  font-size: 12px;
}
.el-picker-panel {
  color: #666666;
  max-width: 512px;
}
.el-date-table th {
  color: #666666;
  font-weight: normal;
}
.el-date-table td div {
  padding: 0;
  height: 24px;
}

.el-date-table td.today span {
  color: #337dff;
  opacity: 0.8;
  border: 1px solid #337dff;
  border-radius: 2px;
  box-sizing: border-box;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background: #337dff;
  border-radius: 2px;
}
.el-date-table td.start-date div {
  margin-left: 34px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.el-date-table td.end-date div {
  margin-right: 34px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.el-date-table td.next-month div,
.el-date-table td.prev-month div {
  background: #f9f9f9;
  border-radius: 0;
}

//开关按钮样式
.changeState .el-switch__label {
  position: absolute;
  display: none;
  color: $bgWhiteColor;
}
//开启时文字位置设置
.changeState .el-switch__label--right {
  z-index: 1;
  left: 10px;
  margin-left: 0;
}
.changeState .el-switch__label--right > span {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
}
//关闭时文字位置设置
.changeState .el-switch__label--left {
  z-index: 1;
  right: -25px;
  margin-right: 0;
}
.changeState .el-switch__label--left > span {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
}
//显示文字
.changeState .el-switch__label.is-active {
  display: block;
}
@media screen\0 {
  //单独兼容ie浏览器  支持ie8 以上
  .changeState .el-switch__label.is-active {
    display: block;
    margin-top: -6px;
    line-height: 0;
  }
}
.changeState.el-switch .el-switch__core,
.el-switch .el-switch__label {
  width: 59px !important;
  height: 22px !important;
}
.el-switch__core::after {
  width: 18px;
  height: 18px;
}
.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -18px;
}

//穿梭框样式不带搜索
.transfer {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar {
    width: 6px; /*滚动条宽度*/
    height: 218px; /*滚动条高度*/
    background-color: #f8f9f9;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #e5e5e5;
    border-radius: 6px;
    height: 59px;
    background-color: #e5e5e5; /*滚动条的背景颜色*/
  }
  .el-transfer-panel {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: $bgWhiteColor;
    max-height: 256px;
    .el-transfer-panel__empty {
      font-size: 12px;
      color: #bbbbbb;
      letter-spacing: -0.11px;
    }
    .el-transfer-panel__header {
      height: 32px;
      line-height: 32px;
      background: $bgWhiteColor;
      padding-left: 10px;
      .el-checkbox {
        line-height: 32px;
        .el-checkbox__label {
          font-size: 12px;
          font-weight: normal;
          letter-spacing: -0.11px;
        }
      }
      .el-checkbox__inner {
        border-radius: 0px;
        // &::after {
        // }
        // &::before {
        // }
      }
    }
    .el-transfer-panel__body {
      .el-checkbox {
        color: #333333;
        margin-right: 0px;
      }
      .el-transfer-panel__list {
        padding: 0px 0;
      }
      .el-transfer-panel__item {
        height: 32px;
        line-height: 32px;
        padding-left: 10px;
        display: block;

        .el-checkbox__inner {
          border-radius: 0px;
        }
        .el-checkbox__label {
          font-size: 12px;
        }
        &:hover {
          color: #333333;
          background: #f5f8ff;
        }
        .el-checkbox__input.is-checked + .el-checkbox__label {
          color: #333333;
        }
      }
    }
  }
  .el-transfer__buttons {
    padding: 0 16px;
    .el-transfer__button {
      width: 32px;
      height: 32px;
      border-radius: 3px;
      font-size: 0;
      &:first-child {
        margin-bottom: 14px;
      }
    }
    .el-transfer__button.is-disabled,
    .el-transfer__button.is-disabled:hover {
      border: 1px solid #d9d9d9;
      background-color: #f5f5f5;
      color: #cccccc;
    }
  }
  .el-icon-arrow-right:before {
    margin-left: -7px;
    font-size: 16px;
    line-height: 10px;
  }
  .el-icon-arrow-left:before {
    margin-left: -7px;
    font-size: 16px;
    line-height: 10px;
  }
}

//穿梭框样式带搜索
.transferSearch {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar {
    width: 6px; /*滚动条宽度*/
    height: 163px; /*滚动条高度*/
    background-color: #f8f9f9;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #e5e5e5;
    border-radius: 6px;
    height: 52px;
    background-color: #e5e5e5; /*滚动条的背景颜色*/
  }
  .el-transfer-panel {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background: $bgWhiteColor;
    max-height: 256px;
    .el-transfer-panel__empty {
      font-size: 12px;
      color: #bbbbbb;
      letter-spacing: -0.11px;
    }
    .el-transfer-panel__header {
      height: 32px;
      line-height: 32px;
      background: $bgWhiteColor;
      padding-left: 10px;
      .el-checkbox {
        line-height: 32px;
        .el-checkbox__label {
          font-size: 12px;
          font-weight: normal;
          letter-spacing: -0.11px;
        }
      }

      .el-checkbox__inner {
        border-radius: 0px;
        // &::after {
        // }
        // &::before {
        // }
      }
    }
    .el-transfer-panel__body {
      .el-transfer-panel__filter {
        margin: 10px 10px 10px 10px;
        width: 180px;
        height: 28px;

        .el-input__inner {
          border-radius: 2px;
        }
        .el-input__icon {
          margin-left: 0px;
        }
      }

      .el-checkbox {
        color: #333333;
        margin-right: 0px;
      }
      .el-transfer-panel__list {
        padding: 0px 0;
      }
      .el-transfer-panel__item {
        height: 32px;
        line-height: 32px;
        padding-left: 10px;
        display: block;

        .el-checkbox__inner {
          border-radius: 0px;
        }
        .el-checkbox__label {
          font-size: 12px;
        }
        &:hover {
          color: #333333;
          background: #f5f8ff;
        }
        .el-checkbox__input.is-checked + .el-checkbox__label {
          color: #333333;
        }
      }
    }
  }
  .el-transfer__buttons {
    padding: 0 16px;
    .el-transfer__button {
      width: 32px;
      height: 32px;
      border-radius: 3px;
      font-size: 0;
      &:first-child {
        margin-bottom: 14px;
      }
    }
    .el-transfer__button.is-disabled,
    .el-transfer__button.is-disabled:hover {
      border: 1px solid #d9d9d9;
      background-color: #f5f5f5;
      color: #cccccc;
    }
  }
  .el-icon-arrow-right:before {
    margin-left: -7px;
    font-size: 16px;
    line-height: 10px;
  }
  .el-icon-arrow-left:before {
    margin-left: -7px;
    font-size: 16px;
    line-height: 10px;
  }
}
//button
.el-button--small {
  padding: 9px 15px;
}
.el-button {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  border-radius: 2px;
}
.el-button--primary {
  color: $bgWhiteColor;
  background: #3a84ff;
  border-color: #3a84ff;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background: #3a84ff;
  border: 1px solid #3a84ff;
}
.el-button--primary.is-active,
.el-button--primary:active {
  background: #3a84ff;
  border-color: #3a84ff;
}
.el-button--default {
  background: $bgWhiteColor;
  border: 1px solid #d9d9d9;
  color: #555555;
}
.el-button--default:hover,
.el-button--default:focus {
  background: $bgWhiteColor;
  color: $primaryColor;
  border: 1px solid $primaryColor;
}
.el-button--default.is-active,
.el-button--default:active {
  color: $primaryColor;
  background: #e1ecff;
  border: 1px solid $primaryColor;
}
.el-button.is-disabled,
.el-button.is-disabled:active,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #bbbbbb;
}
.el-button.is-disabled.el-button--text,
.el-button.is-disabled.el-button--text:hover,
.el-button.is-disabled.el-button--text:focus,
.el-button.is-disabled.el-button--text:active {
  background: transparent;
  border-color: transparent;
}

//radio
.el-radio {
  font-family: PingFangSC-Regular;
  color: #333333;
  font-size: 12px;
}
.el-radio__label {
  font-size: 12px;
  padding-left: 10px;
}
.el-radio__inner {
  width: 16px;
  height: 16px;
}
.el-radio__input.is-checked .el-radio__inner::after {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}
.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: #333333;
}
.el-radio-button--small .el-radio-button__inner {
  padding: 9px 14px;
}
.el-radio-button__inner {
  font-family: PingFangSC-Regular;
  color: #555555;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: $primaryColor;
  background: #e1ecff;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-radius: 2px 0 0 2px;
}
.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 2px 2px 0;
}

//checkbox
.el-checkbox {
  font-family: PingFangSC-Regular;
  color: #333333;
}
.el-checkbox__label {
  font-size: 12px;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background: #f5f5f5;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #333333;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #d9d9d9;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: $bgWhiteColor;
}
.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 14px;
}
.el-checkbox-button__inner {
  font-family: PingFangSC-Regular;
  color: #555555;
  //z-index: 2;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: $primaryColor;
  background: #e1ecff;
  //z-index: 0;
}
// .el-checkbox-button__original {
//   right: 0px;
//   width: 14px;
//   height: 14px;
//   z-index: 1;
//   opacity: 1;
// }
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-radius: 2px 0 0 2px;
}
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 2px 2px 0;
}

//tab
.el-tabs__item {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #555555;
  height: 30px;
  line-height: 30px;
}
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 20px;
}
.el-tabs__nav-wrap::after {
  height: 1px;
  background-color: transparent;
  border-bottom: 1px solid #d9d9d9;
}
.el-tabs__active-bar {
  left: -20px;
  padding: 0 20px;
  background-color: transparent;
  border-bottom: 2px solid $primaryColor;
}
.el-tabs__item.is-disabled {
  color: #bbbbbb;
}

//breadcrumb
.el-breadcrumb {
  display: inline-block;
  line-height: 12px;
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: $primaryColor;
  font-weight: normal;
  &:hover,
  &:focus {
    color: #5392ff;
  }
  &.is-active,
  &:active {
    color: #125de1;
  }
}
.el-breadcrumb__separator {
  margin: 0 6px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #999999;
  font-weight: normal;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
}

//table
.el-table {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  border-left: none;
  border-top: none;
  .cell {
    overflow: visible;
  }
  .el-table__header-wrapper th {
    height: 40px;
    background: rgba(255, 255, 255, 1);
    font-weight: normal;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #94979b;
  }
  .el-table__body-wrapper .el-table__row {
    height: 40px;
  }
  .el-button--text {
    font-family: PingFangSC-Regular;
    &:hover,
    &:focus {
      color: #5392ff;
    }
    &.is-active,
    &:active {
      color: #125de1;
    }
  }
  .el-button.is-disabled.el-button--text {
    font-family: PingFangSC-Regular;
    color: #bbbbbb;
    &:hover,
    &:focus {
      color: #bbbbbb;
    }
  }
  .el-button--small {
    padding: 8px 0;
  }
  .el-button + .el-button {
    margin-left: 15px;
  }
  .el-checkbox {
    margin: 0 10px;
  }
}
.el-table::before {
  height: 0px;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #f5f8ff;
}
.el-table--border::after {
  width: 0;
}
.el-table--border th {
  border-right: none;
  border-bottom: 1px solid #e9ebef;
}
.el-table--border td {
  border-right: none;
  border-bottom: 1px solid #e9ebef;
}
.el-table--small th,
.el-table--small td {
  padding: 0;
}
.el-table__empty-block {
  min-height: 40px;
  border-bottom: 1px solid #e9ebef;
}
.el-table__empty-text {
  line-height: 0px;
}
.el-table th > .cell {
  height: 30px;
  line-height: 30px;
  border-right: 1px solid $bgWhiteColor;
}
.el-table td.gutter,
.el-table th.gutter {
  display: inline-block !important;
}

//dropdown
.el-dropdown-link {
  cursor: pointer;
  color: #337dff;
  margin-left: 15px;
  font-size: 12px;
  border: none;
  &:hover,
  &:focus {
    color: #5392ff;
  }
  &.is-active,
  &:active {
    color: #125de1;
  }
  .el-icon--right {
    margin-left: 0;
  }
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 32px;
  padding: 0 10px;
  &:hover,
  &:focus {
    color: #333333;
    background: rgba(51, 125, 255, 0.05);
  }
  &.is-active,
  &:active {
    color: #333333;
    background: rgba(51, 125, 255, 0.05);
  }
}
.el-dropdown-menu--small {
  padding: 4px 0;
}
.el-dropdown-menu {
  margin: 0;
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  border-radius: 2px;
  min-width: 60px;
}
.el-popper[x-placement^='bottom'] .popper__arrow {
  display: none;
}
.el-popper[x-placement^='bottom'] {
  margin-top: 0;
}
.el-popper[x-placement^='top'] .popper__arrow {
  display: none;
}
.el-popper[x-placement^='top'] {
  margin-bottom: 0;
}
.el-dropdown-menu__item.is-disabled {
  color: #bbbbbb;
}

//tag
.el-tag {
  border-radius: 2px;
  background: #e1ecff;
  border: 1px solid $primaryColor;
}
.el-tag.el-tag--warning {
  background: #fef9ed;
  border: 1px solid #ff931d;
  color: #ff931d;
}
.el-tag.el-tag--success {
  background: #edf8e8;
  border: 1px solid #10c038;
  color: #10c038;
}
.el-tag.el-tag--danger {
  background: #fff2f1;
  border: 1px solid #f04134;
  color: #f04134;
}
.el-tag.el-tag--info {
  background: #e9edf2;
  border: 1px solid #75849b;
  color: #75849b;
}
.el-tag--small {
  text-align: center;
  min-width: 60px;
  height: 20px;
  padding: 0 8px;
  line-height: 18px;
}

//pagination
.el-pagination {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  padding: 0px;
  font-weight: normal;
}
.el-pagination button,
.el-pagination span:not([class*='suffix']) {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0;
  background: $bgWhiteColor;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #333333;
  border-radius: 2px 0px 0px 2px;
  min-width: 28px;
  min-height: 28px;
  line-height: 26px;
}
.el-pagination.is-background .btn-prev {
  margin: 0;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  color: #333333;
  border-radius: 2px 0px 0px 2px;
  min-width: 28px;
  min-height: 28px;
  line-height: 26px;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: $primaryColor;
  background: $bgWhiteColor;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: $primaryColor;
  background: $bgWhiteColor;
  border: 1px solid $primaryColor;
}
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: #bbbbbb;
}

//dialog
.el-dialog {
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #333333;
    padding-right: 20px;
  }
}
.el-dialog__header {
  height: 49px;
  line-height: 49px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #e9ebef;
}
.el-dialog__title {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #031129;
}
.el-dialog__headerbtn {
  line-height: 0; //关闭按钮的位置兼容ie浏览器
  .el-dialog__close {
    color: #555555;
  }
}
.el-dialog__body {
  padding: 20px 20px 10px 20px;
}
.el-dialog__footer {
  height: 59px;
  line-height: 59px;
  padding: 0 20px 0 0;
  border-top: 1px solid #e9ebef;
}

//form
.el-form-item__label {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  padding-right: 20px;
}
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 20px;
}
.el-form-item.is-success .el-input__inner:hover,
.el-form-item.is-success .el-textarea__inner:hover {
  border: 1px solid #d9d9d9;
}
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner:focus {
  border: 1px solid $primaryColor;
}
.el-form-item.is-required .el-form-item__label:before {
  color: #f04134;
  margin-right: 1px;
}
.el-form-item__error {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #f04134;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f04134;
}
.el-form-item.is-error.is-required.el-form-item--small {
  margin-bottom: 30px;
}

.el-textarea__inner {
  //resize: none;
  overflow: auto; //兼容ie浏览器 隐藏滚动条
}

.el-textarea__inner {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #333333;
  padding: 5px 10px;
  border-radius: 2px;
}
.el-textarea__inner::-webkit-input-placeholder,
.el-textarea__inner::-ms-input-placeholder,
.el-textarea__inner::placeholder {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #bbbbbb;
}

//el-input-number
.el-input-number {
  .el-input--small {
    .el-input__inner {
      text-align: left;
      padding-left: 10px;
      border-radius: 2px;
      &:hover {
        border-color: $primaryColor;
      }
    }
  }
}
.el-input-number--small {
  width: 120px;
  .el-input-number__decrease,
  .el-input-number__increase {
    width: 20px;
    visibility: hidden;
  }
  &:hover,
  &:focus,
  &:active {
    .el-input-number__decrease,
    .el-input-number__increase {
      visibility: visible;
    }
  }
}

//el-message-box
.el-message-box {
  width: 315px;
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  border-radius: 4px;
  padding-bottom: 0px;
  .el-button--primary {
    color: $bgWhiteColor;
    background: #3a84ff;
  }
  .el-button--primary:hover,
  .el-button--primary:focus {
    background: #3a84ff;
    border: 1px solid #3a84ff;
  }
  .el-button--primary.is-active,
  .el-button--primary:active {
    background: #3a84ff;
    border-color: #3a84ff;
  }
}
.el-message-box__header {
  display: none;
}
.el-message-box__content {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 24px;
  padding: 0px 30px;
}
.el-message-box__btns {
  margin-bottom: 20px;
  padding: 5px 20px 0;
}

//el-message
.el-message {
  margin-top: 45px;
  min-width: 0;
  padding: 12px 20px;
  border-radius: 4px;
}
.el-message--success {
  background-color: #edf8e8;
  border: 1px solid #b9e3c2;
  .el-message__icon {
    color: #67c87d;
  }
  .el-message__content {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4a4a4a;
  }
}
.el-message--warning {
  background-color: #fef9ed;
  border: 1px solid #fddbb9;
  .el-message__icon {
    color: #ff9933;
  }
  .el-message__content {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4a4a4a;
  }
}
.el-message--error {
  background-color: #fff2f1;
  border: 1px solid #ffa29f;
  .el-message__icon {
    color: #ea5200;
  }
  .el-message__content {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4a4a4a;
  }
}

//el-tooltip
.el-tooltip__popper {
  border-radius: 2px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  padding: 4px 10px;
}
.el-tooltip__popper.is-dark {
  background: rgba(51, 51, 51, 0.85);
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  color: #ffffff;
}
.el-tooltip__popper.is-light {
  margin-left: 5px;
  background: $bgWhiteColor;
  box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  border: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);
  color: #333333;
}
.el-tooltip__popper[x-placement^='top'] .popper__arrow:after {
  border-top-color: rgba(153, 153, 153, 0.3);
}
.el-tooltip__popper[x-placement^='left'] .popper__arrow:after {
  border-left-color: rgba(153, 153, 153, 0.3);
}
.el-tooltip__popper[x-placement^='bottom'] .popper__arrow:after {
  border-bottom-color: rgba(153, 153, 153, 0.3);
}
.el-tooltip__popper[x-placement^='right'] .popper__arrow:after {
  border-right-color: rgba(153, 153, 153, 0.3);
}

//el-alert
.el-alert {
  height: 34px;
  line-height: 34px;
  border: 1px solid #79a9ff;
}
.el-alert__title {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.el-alert--info.is-light {
  background-color: #e1ecff;
  color: #4a4a4a;
}
.e-prompt-face:before {
  color: #337dff;
}

//弹框蒙层颜色
.el-dialog__wrapper {
  background: rgba(0, 0, 0, 0.3);
}
.el-message-box__wrapper {
  background: rgba(0, 0, 0, 0.3);
}

//步骤条样式
.el-step__head.is-success {
  color: #337DFF;
  border-color:#337DFF;
}
.el-step__head.is-process{
  .is-text{
    background-color: #337DFF;
    border-color:#337DFF;
    .el-step__icon-inner{
      color: #ffffff;
    }
  } 
}
.el-step__title.is-success{
  color: #337DFF;
}
.el-step__title.is-process{
  font-weight: 400;
}
